<template>
  <div class="tabbar-user">
    <!-- 头像 -->
    <user-header/>
    <!-- 订单 -->
    <order-group></order-group>
    <!-- 电子券 -->
    <ecoupon-group></ecoupon-group>
    <van-cell-group>
        <van-cell title="" is-link arrow-direction="down" value="内容" />

      <van-cell title="帐户于安全" to="/user/safe"  is-link/>

      <van-cell icon="shoucang" title="我的收藏" to="/user/collect" is-link />
      <van-cell icon="dingwei" title="收货地址" to="/user/address" is-link />
      <van-cell icon="id-card" title="实名认证" to="/user/autonym" is-link />
      <van-cell title="设置" to="/user/setting" is-link />
    </van-cell-group>
    <van-button size="large" class="tabbar-user__quit" v-if="isLogin" @click="logout">退出当前账户</van-button>

  </div>
</template>

<script>
import userHeader from "./user/tabbar-user-userheader";
import orderGroup from "./user/tabbar-user-order";
import ecouponGroup from "./user/tabbar-user-ecoupon";

export default {
  data() {
    return {
      isLogin: false
    };
  },
  methods: {},
  components: {
    [userHeader.name]: userHeader,
    [orderGroup.name]: orderGroup,
    [ecouponGroup.name]: ecouponGroup
  }
};
</script>

<style scoped lang="scss">
.tabbar-user {
  > div {
    margin-bottom: 10px;
  }
  &__quit {
    border: 0;
    border-radius: 0;
  }
}
</style>
